<%-- 
    Document   : DatosPaciente
    Created on : 11/11/2012, 12:10:31 AM
    Author     : Casa
http://www.codedrinks.com/2011/04/22/verificar-disponibilidad-de-un-nombre-de-usuario-con-php-jquery-y-mysql/
--%>

<%@page import="DTO.Administrador"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     <%
       //Obtiener la sesion
       HttpSession sesion = request.getSession();
       Administrador admin = (Administrador) session.getAttribute("Administrador");
       //Valida el usuario 
       if(admin != null){ %>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />        
        <title> Menú Principal | Datos del paciente </title>
        <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="css/menu.css" media="screen" />
        <link rel="shortcut icon" href="img/sign.ico"  type="image/x-icon"   />

        <script type="text/javascript" src="js/js_common.js"></script>

         <!-- css y js para el formulario -->
        <link rel="stylesheet" type="text/css" href="css/structure.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="css/form.css" media="screen"/>  
        <script type="text/javascript" src="js/seleccion.js"></script>
        <!-- css y js para validación -->
        <link rel="stylesheet" type="text/css" href="css/styleValidationEngine.css" media="screen" />
        <script type="text/javascript" src="jquery/jquery-1.8.2.min.js" charset="utf-8"></script>
         <script type="text/javascript" src="jquery/jquery.validationEngine-es.js" charset="utf-8"></script>
        <script type="text/javascript" src="jquery/jquery.validationEngine.js" charset="utf-8" ></script>
        
        <script type="text/javascript" >
            jQuery(document).ready(function(){
		jQuery("#buscar_paciente").validationEngine();
		}); 
           
           var ajax;

            function funcionCallback()
            {
                    // Comprobamos si la peticion se ha completado (estado 4)
                    if( ajax.readyState == 4 )
                    {
                            // Comprobamos si la respuesta ha sido correcta (resultado HTTP 200)
                            if( ajax.status == 200 )
                            {
                                    // Escribimos el resultado en la pagina HTML mediante DHTML
                                    if(ajax.responseText == "YUPI ESTA REGISTRADO")
                                        document.location.href='HojaDatosPaciente.jsp?id='+document.buscar_paciente.id.value;
                                    else{
                                        document.getElementById("mensaje").style.visibility="visible"; 
                                        document.buscar_paciente.mensaje.value = "PACIENTE NO ENCONTRADO";
                                    }
                            }
                    }
            }
             function buscarPaciente()
                {
                        // Creamos el control XMLHttpRequest segun el navegador en el que estemos 
                        if( window.XMLHttpRequest )
                                ajax = new XMLHttpRequest(); // No Internet Explorer
                        else
                                ajax = new ActiveXObject("Microsoft.XMLHTTP"); // Internet Explorer

                        // Almacenamos en el control al funcion que se invocara cuando la peticion
                        // cambie de estado	
                        ajax.onreadystatechange = funcionCallback;

                        // Enviamos la peticion
                        ajax.open("POST", "ServicioVerificaPaciente?id="+document.buscar_paciente.id.value, true );
                        ajax.send( "" );
                }
              
                    
        </script>
    </head>

    <body>
        <div id="wrap">
            <div id="top">
                <h2>Datos del paciente</h2>
                <div style="margin-left: 40%;margin-bottom: 3.6%;"> <h1>Usuario: <%= admin.getNombre() %> </h1> </div>
                <a href="javascript:cerrar_sesion()">Cerrar sesi&oacute;n</a>
            </div>
            <div style="color: #ffffff; margin-left:2%; font-size: 1.6em;">
                <script type="text/javascript" language="JavaScript">
                    document.write(Muestrafecha()); 
                </script>
            </div>
            <div id="content">
                <div style="margin-top: 13%">
                    <div id="container" >
                        <form id="buscar_paciente" name="buscar_paciente" class="wufoo formato_letra" method="post" novalidate 
                             action="javascript:buscarPaciente()">
                            <div class="info formato_letra" >
                                <h2 info formato_letra>Buscar paciente</h2>
                                <div>(*) campo obligatorio </div>
                            </div>
                            <ul>
                                <li id="" class="notranslate formato_letra">
                                    <label class="desc" id="" for="" style="font-weight: bold;">
                                        Introduzca el número de cédula del paciente
                                        <span id="" class="req">*</span>
                                    </label>
                                    <span>
                                        <input id="id" name="id" type="text" class="field text fn validate[required,custom[onlyNumberSp]]"  maxlength="255" tabindex="1" data-prompt-position="bottomRight:0"
                                               />
                                    </span>
                                </li>
                                <div style="float:left; margin-right: 3%">

                                    <input id="buscar" name="buscar" class="button" 
                                           type="submit" value="Buscar"  onclick="javascript:buscarPaciente()"/>
                                </div>
                                <div style="float:left;">
                                    <input id="back1" name="back1" class="button" 
                                           type="button" value="Atrás"  onclick="parent.location='MenDDs.jsp'"/>
                                </div>
                                </li>
                                <li>
                                     <div  >
                                         <input type="text" id="mensaje" name="mensaje" 
                                        style="border:1px solid #D8000C;height:20px;width:678px;
                                        padding:4px 0px 0px 20px;
                                        background-color:#FFBABA;
                                        font-weight: bold;
                                        color: #D8000C;
                                        font-size: 1.1em;
                                        margin:30px 0px 0px 0px;visibility: hidden;"/> 
                                                 
                                    </div>
                                </li>
                            </ul>
                  
                        </form> 
                    </div>
                </div>
            </div> 
        </div>  
        <div style="margin-top: 6%">
          <div id="footer">
            <footer>
                <div><img src="img/footer_img.png" height="39" width="960" border="0"></div>
                <h4>
                    <a href="MapaSitio.jsp">MAPA DEL SITIO</a> | 
                    <a href="Desarrolladores.jsp" accesskey="H" onClick="popup = window.open('Desarrolladores.jsp', 'PopupPage','height=550,width=600,scrollbars=yes,resizable=no'); return false" target="_blank" onMouseOver="window.status='';  return true" onMouseOut="window.status=''; return true"onFocus="window.status='';  return true" onBlur="window.status=''; return true"  class="submenulinktext2">DESAROLLADORES</a> | 
                    <a href="Ayuda.jsp" accesskey="H" onClick="popup = window.open('Ayuda.jsp', 'PopupPage','height=550,width=600,scrollbars=yes,resizable=no'); return false" target="_blank" onMouseOver="window.status='';  return true" onMouseOut="window.status=''; return true"onFocus="window.status='';  return true" onBlur="window.status=''; return true"  class="submenulinktext2">AYUDA</a>
                </h4>
                <div class="ftext"> Tel:(506) 2246-3279 <br/> sapcomed &copy;  Todos los derechos reservados. Prohibida la reproducción total o parcial.</div>
            </footer>
        </div>
        </div>
    </body>
    <% } %>
</html>
